<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Upload</title>
        <link rel="stylesheet" type="text/css" id="style" href="stylesheet/progin.css" />
        <link rel="stylesheet" type="text/css" href="stylesheet/datepicker.css" />
		<meta name="description" content="upload and share photo" />
		<meta name="keywords" content="photo" />
		<meta name="author" content="Muharram Huda, Michell Setyawati, Listiarso Wastuargo" />
		<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    </head>
    <body>
        <a href="#" id="style_changer">Ganti style</a>

        <div class="wrapper">
        <div class="header">
            <img src="image/logo.png" alt="title" height="50" />
            <h1>Photoren</h1>
        </div>
            
        <div class="main_container">
        <form name="upload" action="" method="post" enctype="multipart/form-data">
                <div>Upload : </div><input type="file" name="file" id="file" accept="image/bmp, image/png, image/jpeg" /><font id="fileValidator" class="validation"></font><br />
                <div>Deskripsi : </div><input type="text" name="deskripsi" id="deskripsi" /><font id="deskripsiValidator" class="validation"></font><br />
                <div>Kata kunci : </div><input type="text" name="kunci" id="kunci" /><font id="kunciValidator" class="validation"></font><br />
                <div>Tanggal Foto : </div>
                <div>
                        <input name="tanggalFoto" id="tanggalFoto" /><font id="tanggalFotoValidator" class="validation"></font>
                </div>

                <input type="submit" value="Submit" id="submit" disabled ="disabled"/>
        </form>
        </div>

        <div class="links">
            <ul>
                <li><a href="registrasi.htm" id="registrasi_link" >Registrasi</a></li>
                <li><a href="detail.htm" id="detail_link">Detail</a></li>
                <li><a href="daftar.htm" id="daftar_link">Daftar</a></li>
                <li><a href="#" id="upload_link" class="active">Upload</a></li>
            </ul>
        </div>
        </div>

        <script type="text/javascript" src="script/datepicker.js"></script>
        <script type="text/javascript" src="script/upload.js"></script>
        <script type="text/javascript" src="script/progin.js"></script>
        <script type="text/javascript">
            function date_picker(e){
                    displayDatePicker(e.target.id, 'ymd');
            }

            document.getElementById("tanggalFoto").addEventListener("click", date_picker, false);
        </script>
    </body>
</html>
